<template>
    <view>
        <view class="top-msg">
            <text class="msg">*</text>
        </view>
        <view class="top-sp">
            <text class="sp">不同意理由</text>
        </view>

        <uni-easyinput type="textarea" autoHeight v-model="value" placeholder="请输入不同意理由..."></uni-easyinput>


        <view class="button-container">
            <button @click="toApply" class="button" type="primary"><text
                class="button-text">提交</text></button>
        </view>

    </view>
</template>

<script>
export default {
    data() {
        return {
            value: '',
            password: '',
            placeholderStyle: "color:#2979FF;font-size:20px",
            styles: {
                color: '#2979FF',
                borderColor: '#2979FF'
            }
        }

    },
    onLoad() {},
    onReady() {},
    methods: {
        input(e) {
            console.log('输入内容：', e);
        },
        iconClick(type) {
            uni.showToast({
                title: `点击了${type==='prefix'?'左侧':'右侧'}的图标`,
                icon: 'none'
            })
        }
    },
    methods:{

        toApply(){
            uni.navigateTo({
                url:"/pages/Student-captain/enlistment-approval/disagree-join"
            })
        }
    }
}
</script>


<style>
.button-container{

    margin-top:5px;
}
.placeholder{
    width: 132px;
    height: 21px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #999DA3;
    text-align: center;
}
.top-msg{
    margin-top: 10px;
}
.msg{
    color: #f63535;
    font-size: 12px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: center;
}
.top-sp{
    margin-top: -27px;
    margin-left: 10px;
}
.sp{
    margin-top: 20px;
    color: #6e6e6e;
    font-size: 12px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: center;
}
.button{
    width: 351px;
    height: 45px;
    background-image: linear-gradient(90deg, #6CA9FF 0%, #166AFF 100%);
    border-radius: 6px;
    margin-top: 10px;
}

.textarea{
    width: 351px;
    height: 160px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 6px;
}
</style>
